<template>
  <div class="link">
    <Wapper :bgImg="bgImg">
      <template #header>
        <p class="other-title">友情链接</p>
      </template>
      <template #main>
        <LinkMain />
      </template>
      <template #aside>
        <Aside>
          <NewestArticle />
        </Aside>
      </template>
    </Wapper>
  </div>
</template>

<script>
import Wapper from "$components/Wapper";
import LinkMain from "./components/LinkMain";
import Aside from "$components/aside/Aside";
import NewestArticle from "$components/aside/NewestArticle";
export default {
  name: "Link",
  components: {
    Wapper,
    LinkMain,
    Aside,
    NewestArticle,
  },
  data() {
    return {
      bgImg: "/friends.png",
    };
  },
};
</script>

<style lang="stylus" scoped>
.link >>> .el-header {
  background-position: center;
}
</style>